<template>
  <div>
    <type-nav :show-cate="true" />
    <list-container />
    <today-recommend />
    <rank />
    <like />
    <floor v-for="(item, index) in floorList" :key="index" :data="item" />
    <brand />
  </div>
</template>

<script lang="ts" setup>
import ListContainer from '@/views/home/list-container/index.vue'
import TodayRecommend from '@/views/home/today-recommend/index.vue'
import Rank from '@/views/home/rank/index.vue'
import Like from '@/views/home/like/index.vue'
import Brand from '@/views/home/brand/index.vue'
import Floor from '@/views/home/floor/index.vue'
import {onMounted, reactive} from "vue";
import {FloorData} from "@/types/home";

const floorList = [
  {
    "categories": ["热门", "大家电", "生活电器", "厨房电器", "应季电器空气", "净水高端电器"],
    "keywords": ["节能补贴", "4K电视", "空气净化器","IH电饭煲","滚筒洗衣机","电热水器"],
    "name": "家用电器",
    "carousel": ["/images/home/floor-1-b01.png", "/images/home/floor-1-b02.png", "/images/home/floor-1-b03.png"],
    "images": ["/images/home/floor-1-1.png", "/images/home/floor-1-2.png","/images/home/floor-1-3.png","/images/home/floor-1-4.png","/images/home/floor-1-5.png","/images/home/floor-1-6.png"]
  },
  {
    "categories": ["热门", "大家电", "生活电器", "厨房电器", "应季电器空气", "净水高端电器"],
    "keywords": ["节能补贴", "4K电视", "空气净化器","IH电饭煲","滚筒洗衣机","电热水器"],
    "name": "家用电器",
    "carousel": ["/images/home/floor-1-b01.png", "/images/home/floor-1-b02.png", "/images/home/floor-1-b03.png"],
    "images": ["/images/home/floor-1-1.png", "/images/home/floor-1-2.png","/images/home/floor-1-3.png","/images/home/floor-1-4.png","/images/home/floor-1-5.png","/images/home/floor-1-6.png"]
  }
]
// reactive(new Array<FloorData>())
// onMounted(async () => {
//   floorList.push(...await )
// })
</script>

<style scoped>

</style>